<template>
  <div>
    <!-- 顶部 -->
    <van-nav-bar title="订单管理" left-text="返回" left-arrow>
      <template>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>
    <!-- <mt-navbar style="margin-top: 40px" v-model="selected" fixed>
      <mt-tab-item id="dingdan">当前订单</mt-tab-item>
      <mt-tab-item id="dangqian">历史订单</mt-tab-item>
    </mt-navbar> -->

    <!-- 商品 -->
    <van-swipe-cell style="margin-top: 90px">
      <van-row type="flex" align="center">
        <van-col span="2" offset="1">
          <van-checkbox
            v-model="checked"
            label-disabled
            checked-color="#ee0a24"
          ></van-checkbox>
        </van-col>
        <van-col span="21">
          <van-card
            price="2.00"
            desc="描述信息"
            title="商品标题"
            class="goods-card"
            thumb="https://img01.yzcdn.cn/vant/cat.jpeg"
          >
            <template #num>
              <van-stepper v-model="value" disable-input />
            </template>
          </van-card>
        </van-col>
      </van-row>

      <template #right>
        <van-button square text="删除" type="danger" class="delete-button" />
      </template>
    </van-swipe-cell>


  

    <!-- 结算 -->
    <van-submit-bar :price="3050" button-text="提交订单" fixed>
      <van-checkbox v-model="checked" checked-color="#ee0a24"
        >全选</van-checkbox
      >
      <template #tip>
        你的收货地址不支持同城送,
        <router-link class="link" slot="right" to="/dizhi"
          >修改地址</router-link
        >
      </template>
    </van-submit-bar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      selected: "",
      checked: "",
      value: 1,
    };
  },
};
</script>
<style>
.goods-card {
  margin: 0;
  background-color: white;
}

.delete-button {
  height: 100%;
}
.nai {
  height: 20px;
  padding: 5px;
  font-size: 20px;
  text-align: center;
  background-color: rgb(35, 75, 114);
  color: rgb(152, 177, 9);
}
</style>
